import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import 'lib-flexible/flexible'
import '@/assets/style/reset.css'
import dayjs from 'dayjs'
import vant, { Toast } from 'vant';
import 'vant/lib/index.css';

router.beforeEach((to,from,next)=>{     //路由跳转前，还没开始跳转
    if(!sessionStorage.getItem('token') && to.name !== 'login'){  //身份校验
        Toast.fail('您还没有登录，即将自动跳转登录页面')
      next({name:'login'})    //不成功则跳转去登录页面
    }else{
      next()                //成功则去到下一个生命周期
    }
    
  })

const app = createApp(App)

//给app上挂在一个全局方法
app.config.globalProperties.$filters = {
    transTime(date){
        return dayjs(Number(date)).format('HH:mm')
    },
    transDay(val){
        return dayjs(val).format('MM-DD')
    },
    transYMD(val){
        return dayjs(val).format('YYYY-MM-DD HH:mm')
    },
    transYM(val){
        return dayjs(val).format('YYYY-MM')
    }
}

app.use(store).use(router).use(vant).mount('#app')
